import React, {Component} from 'react';
import PropTypes from 'prop-types';

class WaterFall extends Component{
    constructor(props){
        super();
    }
    render(){
        let img1src = process.env.PUBLIC_URL + '/image/1.jpg';
        let img2src = process.env.PUBLIC_URL + '/image/2.jpg';
        return (
            <div className='App-wrap'>
                <div className='falls-box'>
                    <div style={{width: '236px', height: 'auto', padding: '0 5px'}}>
                        <img alt='' style={{width: '100%', height: 'auto'}} src={img1src}></img>
                    </div>
                </div>
                <div className='falls-box'>
                    <div style={{width: '236px', height: 'auto', padding: '0 5px'}}>
                        <img alt='' style={{width: '100%', height: 'auto'}} src={img2src}></img>
                    </div>
                </div>
            </div>
        );
    }
}

WaterFall.propTypes = {
    columnNums: PropTypes.number.isRequired,
};
export default WaterFall;
